<!--
 * @Author: wangming
 * @Date: 2021-04-15 16:04:13
 * @LastEditors: wangming
 * @LastEditTime: 2021-12-16 17:11:54
 * @Description: file content
-->
<template>
  <div>
    <el-form-item label="标题位置">
      <el-radio-group v-model="value.__config.contentPosition">
        <el-radio-button label="left">左侧</el-radio-button>
        <el-radio-button label="center">居中</el-radio-button>
        <el-radio-button label="right">右侧</el-radio-button>
      </el-radio-group>
    </el-form-item>
    <el-form-item label="标题颜色">
      <el-color-picker
        v-model="value.__config.contentColor"
        :predefine="predefineColors"
      ></el-color-picker>
    </el-form-item>
    <!-- <el-form-item label="朝向">
      <el-radio-group v-model="value.__config.direction">
        <el-radio-button label="horizontal">横向</el-radio-button>
        <el-radio-button label="vertical" disabled>纵向</el-radio-button>
      </el-radio-group>
    </el-form-item> -->
    <el-form-item label="线条样式">
      <el-radio-group v-model="value.__config.lineType">
        <el-radio-button label="solid">实线</el-radio-button>
        <el-radio-button label="dashed">虚线</el-radio-button>
      </el-radio-group>
    </el-form-item>
    <el-form-item label="线条颜色">
      <el-color-picker
        v-model="value.__config.lineColor"
        :predefine="predefineColors"
      ></el-color-picker>
    </el-form-item>
  </div>
</template>
<script>
import basicmixins from "./basicmixins";
import { PREDEFINE_COLORS } from "@/utils/const";
export default {
  mixins: [basicmixins],
  data() {
    return {
      predefineColors: PREDEFINE_COLORS,
    };
  },
  methods: {},
};
</script>

<style lang="scss" scoped></style>
